Recent
Categories
View Replies (5)

Problem with layer slideshow/header/mobile menu - Ariana template

0
Votes
Undo
  1. suzannek
    suzannek
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 10 December 2019
  5.  Subscribe via email
Hi Ciaran,

I have a problem with the layer slideshow/header/mobile menu on the lovely Ariana template.

The mobile menu bars and secondary menu bar are not showing correctly in the 955-1140px viewport size range.

The usual menu disappears as ought at larger sizes but when the viewport is made smaller the menu bars replacing it are not properly located as to be fully visible and the secondary menu bar does not visually fully extend across the viewport.

Would you please take a look and see if you can suggest anything?

The site is on:
http://test-6-co-uk.stackstaging.com/index.php

Thanks for any assistance,
Suzanne
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Suzanne

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

.slideout-toggle-open,

.slideout-toggle-close {

    margin-top: 0;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
suzannek
suzannek
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

That worked perfectly.

Thanks for a swift reply with the solution.

Suzanne
  1. more than a month ago
  2. Commercial Templates
  3. # 2
suzannek
suzannek
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I think that this is not quite sorted after all.

The responsinator is still showing the original issue but only on iPad landscape width: 1024px (on scroll).
responsinator all sizes
responsinator ipad landscape 1024px
web site

Any suggestions? I think this device is what my client is using...

Thanks for any advice
Suzanne
  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
Hi Suzanne

Admittedly I can not replicate this issue on a device. To resolve the issue presented on responsinator, could you try adding the following to the Custom CSS field of your template settings...

.is-sticky .header_nav {

    background-color: #170500;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
suzannek
suzannek
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

New Year Greetings to you.

Thank-you very much for looking into this, I tried the CSS amendment, it looks unchanged on the Responsinator.
So it might just be how the Resonsinator is rendering it.I will leave it at that until I learn any differently.

Your assistance is very much appreciated.
Suzanne
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • 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