- This topic has 21 replies, 3 voices, and was last updated 4 years, 11 months ago by vraba.
-
AuthorPosts
-
April 6, 2019 at 8:56 am #169377vrabaParticipantApril 7, 2019 at 8:35 am #169415tikaramKeymaster
@vraba: Do you want all the menus items to remain in the same position when you scroll down the page? Please let me know so that I can help you resolve the issue.
Regards,
TikaramApril 7, 2019 at 1:59 pm #169422vrabaParticipant@tikaram: thank you, yes that would be great. All menu items same position. Thank you for your help.
April 9, 2019 at 7:11 am #169538vrabaParticipantAwaiting your reply… ๐
April 16, 2019 at 8:22 am #169959vrabaParticipantGuys, please let me know. Thanks. Ondrej
April 18, 2019 at 11:30 pm #170161tikaramKeymaster@vraba:Sorry for getting late. Can you please let me know the theme that you have used in the URL provided. Parallax Frame Pro already comes with sticky header, I am confused with the theme that you are using on the provided URL. Please let me know so that I can help you out.
Regards,
TikaramApril 18, 2019 at 11:41 pm #170162vrabaParticipant@tikaram: it is Parallax Frame Pro. Menu normally works fine, but once I tried highlighted one specific link (“E-SHOP”) – it wont work. Maybe it has something to do with “margin”.
April 19, 2019 at 6:28 am #170178SkandhaParticipant@vraba: Hello there,
First of all
Go to => Appearance => Customize => Additional CSS and remove the following CSS Code.#menu-item-2631 a { color: #ffffff; background-color: #27ae60; border-radius: 5px 5px 5px 5px; padding: 10px 15px; margin: 1.9125em 0; } #menu-item-2631 a:hover { color: #ffffff; background-color: #007C2E; padding: 10px 15px; margin: 1.9125em 0; }
Now add the following CSS Code.
.header-background .nav-primary .menu a, .fixed-header .nav-primary .menu a { padding:37px 20px !important; } .header-background .primary-search-icon { padding:26px 0px; } #menu-item-2631 a { color: #ffffff; background-color: #27ae60; border-radius: 5px 5px 5px 5px; padding: 10px 15px !important; margin-top:27px; } #menu-item-2631 a:hover { color: #ffffff; background-color: #007C2E; padding: 10px 15px !important; }
Let me know if this workso out!
Kind Regards,
SkandhaApril 19, 2019 at 10:44 am #170189vrabaParticipant@Skandha: you are the be(a)st! Thank you. The only “problem” is now the search icon, is there a chance to have it in same line as “menu”? Thanks.
April 20, 2019 at 12:15 pm #170208SkandhaParticipant@vraba: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#search-toggle { padding-top:27px; }
Let me know if this works out!
Kind Regards,
SkandhaApril 21, 2019 at 4:40 am #170223vrabaParticipantIt works. Thank you. There are some different position on laptop/destop/mobile – but for the time I can live with that :).
April 21, 2019 at 11:08 am #170257SkandhaParticipant@vraba: Change the
padding-top:27px
topadding-top:37px
and it should look fine.Let me know if this works out!
Kind Regards,
SkanhdaApril 21, 2019 at 1:45 pm #170263April 22, 2019 at 12:09 am #170280April 24, 2019 at 3:07 am #171023vrabaParticipantSkandha: unfortunately there is a problem with submenu.
Once I use:.header-background .nav-primary .menu a, .fixed-header .nav-primary .menu a {
padding:37px 20px !important;
}
.header-background .primary-search-icon {
padding:26px 0px;
}There is a huge gap in submenu betwen links – see picture. Is there a way to solve this…
April 24, 2019 at 3:15 am #171025SkandhaParticipant@vraba: Hello there,
.header-background .nav-primary .menu a, .fixed-header .nav-primary .menu a { padding:37px 20px !important; }
Replace this code by the following and the sub menu issue should be fixed.
.header-background .nav-primary .menu a, .fixed-header .nav-primary .menu > a { padding:37px 20px !important; }
Let me know if this works out!
Kind Regards,
SkandhaApril 24, 2019 at 3:20 am #171026vrabaParticipantSkandha: are you sure, it looks the exact same ๐
April 24, 2019 at 3:22 am #171027vrabaParticipantSorry it not the same… but does not work ๐
April 24, 2019 at 3:23 am #171028vrabaParticipantMy bad! Sorry sorry, it works!
April 24, 2019 at 3:26 am #171029vrabaParticipantOK, again. It does not work. Once the site is loaded it seems fine. But after you scroll down just a little bit – there are huge gaps again.
-
AuthorPosts
- The topic ‘Highlight button in menu’ is closed to new replies.