Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Flexform › Bug display nav bar on smartphone
New Landing › How can we help? › Themeforest Theme Support › Flexform › Bug display nav bar on smartphone
- This topic has 24 replies, 4 voices, and was last updated 9 years by Kyle – SUPPORT.
-
Posted in: Flexform
-
October 1, 2014 at 12:43 pm #116343
hello,
My navigation bar is perfect on display PC but not on smartphone. The sub sections overlap (see screenshot)
RegardsAttachments:
You must be logged in to view attached files.October 1, 2014 at 12:59 pm #116355Hi
Please update Flexform to version 1.62, if that does not work please activate the parent theme and let me know if you get the same issue. It’s likely something in your custom css
– Kyle
October 10, 2014 at 1:34 am #119079On http://cluster007.ovh.net/~montourckh/nos-actualites/publications
In overview of the headings, the text is white, it’s perfect. But if the topic of the current page you hover over, the text is black.
How to make the text be white?
Custom css :
/*--Nav : hauteur--*/ #nav-section { margin-top: 88px !important; } /*--Nav : Couleur survol--*/ nav li:hover { text-decoration: none; background-color: #00538A!important; } /*--Sous-menu : mise en forme--*/ nav .menu ul li { font-size: 13px; text-align: center; }
Attachments:
You must be logged in to view attached files.October 10, 2014 at 3:12 am #119093Hi,
Please use this custom css code:-nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a { color: #333333 !important; }
Thanks
MohammadOctober 10, 2014 at 1:02 pm #119236OK but the current heading “Notre équipe” disappears
In rollover, the text must be white in a blue rectangle
Attachments:
You must be logged in to view attached files.October 10, 2014 at 9:55 pm #119367Hi,
Can you provide admin access. It’s faster this way.
Please use the private reply option.-Rui
October 11, 2014 at 12:16 am #119405This reply has been marked as private.October 13, 2014 at 1:08 pm #119611Please can you attach another screenshot showing the remaining issue? As it seems fine to me, every link I hover over is white with a blue background
– Kyle
October 13, 2014 at 1:18 pm #119617http://cluster007.ovh.net/~montourckh/notre-equipe
I managed to solve my problems for navigation except margin in the blue rectangles
How to add margins to the left and right ?
For information, my custom css:
#nav-section { margin-top: 88px!important; } nav li a { text-decoration: none; text-align: center; padding-right: 5px; padding-left: 5px; display: block!important; } nav li a:hover { text-decoration: none; background-color: #00538A!important; color: #fff!important; }
Attachments:
You must be logged in to view attached files.October 13, 2014 at 1:29 pm #119624Add this:
nav .menu li a { margin: 0; padding: 12px 10px; }
– Kyle
October 13, 2014 at 1:48 pm #119636This is perfect except for the first item.
And smartphone, how to align the subheading in the axis of headings
Attachments:
You must be logged in to view attached files.October 13, 2014 at 2:00 pm #119650Sorry, I do not understand, what does it do to add margins on the first item?
October 13, 2014 at 2:04 pm #119653Sorry, my previous comment was the wrong topic!
Add this:
nav .menu > li:first-child { padding: 2px; } nav .menu > li:first-child > a { padding-left: 10px!important; }
– Kyle
October 13, 2014 at 2:26 pm #119666Thank you Kyle, it works but on smartphones, how to have a perfectly centered smartphone navigation? (screenshot)
Attachments:
You must be logged in to view attached files.October 13, 2014 at 2:27 pm #119668That’s odd, I don’t get that? (see screenshot)
– Kyle
Attachments:
You must be logged in to view attached files. -
Posted in: Flexform
You must be logged in and have valid license to reply to this topic.