Recent
Categories
View Replies (4)

Kaylee Mobile Logo Question

  1. Issue
0
Votes
Undo
  1. glennt
    glennt
  3. Commercial Templates
  4. Tuesday, 02 May 2023
  5.  Subscribe via email
Greetings

I would like to change the way the strip that hold the logo on the mobile side stays on screen an obscures the web page underneath.

Image 4711 shows the logo strip at the top of the screen just underneath the menu.

When I scroll, image 4712, you can see the logo strip floating on top of the page underneath.

Ideally I would like the logo to scroll off the screen and have the menu stay put at the top of the page.

I am running the Joomla 4 template.

You can view the site under development at: test.findlayfoods.com

Thanks in advance. Any help appreciated.
Attachments (2)
IMG_4711.PNG IMG_4711.PNG
IMG_4712.PNG IMG_4712.PNG
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could I ask you to check the URL provided as it appears to give us a 404 not found error.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
glennt
glennt
Accepted Answer Pending Moderation
0
Votes
Undo
That URL should be working :
https://test.findlayfoods.com/

I have other people visit the site from outside my network, it should be working:

test_findlay.jpg

Thanks in advance

G
Attachments (1)
test_findlay.jpg test_findlay.jpg
  1. more than a month ago
  2. Commercial Templates
  3. # 2
glennt
glennt
Accepted Answer Pending Moderation
0
Votes
Undo
I did some more testing and I did get a timeout when I did not specify the https://

My site may have issues with only http:// request.

G
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you for the update.

To stick the mobile menu, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.slicknav_menu {

    position: sticky;

    top: 0;

}


The logo area sticking can be disabled via the General -> Body/Header Styling -> Sticky Header tab of your template style settings.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok