Viewing 20 posts - 1 through 20 (of 22 total)
1 2
  • Author
    Posts
  • April 6, 2019 at 8:56 am #169377
    vraba
    Participant

    Hallo guys,
    any idea, how to do it, to have “E-shop” the same position while first loading of webpage and after you scroll down? Thank you. Ondrej
    Link:

    April 7, 2019 at 8:35 am #169415
    tikaram
    Participant

    @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,
    Tikaram

    April 7, 2019 at 1:59 pm #169422
    vraba
    Participant

    @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 #169538
    vraba
    Participant

    Awaiting your reply… 🙂

    April 16, 2019 at 8:22 am #169959
    vraba
    Participant

    Guys, please let me know. Thanks. Ondrej

    April 18, 2019 at 11:30 pm #170161
    tikaram
    Participant

    @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,
    Tikaram

    April 18, 2019 at 11:41 pm #170162
    vraba
    Participant

    @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 #170178
    Skandha
    Participant

    @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,
    Skandha

    April 19, 2019 at 10:44 am #170189
    vraba
    Participant

    @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 #170208
    Skandha
    Participant

    @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,
    Skandha

    April 21, 2019 at 4:40 am #170223
    vraba
    Participant

    It 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 #170257
    Skandha
    Participant

    @vraba: Change the padding-top:27px to padding-top:37px and it should look fine.

    Let me know if this works out!
    Kind Regards,
    Skanhda

    April 21, 2019 at 1:45 pm #170263
    vraba
    Participant

    @Skandha: better thank you so much!

    April 22, 2019 at 12:09 am #170280
    Skandha
    Participant

    @vraba: Glad I could help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

    April 24, 2019 at 3:07 am #171023
    vraba
    Participant

    Skandha: 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…

    Submenu

    April 24, 2019 at 3:15 am #171025
    Skandha
    Participant

    @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,
    Skandha

    April 24, 2019 at 3:20 am #171026
    vraba
    Participant

    Skandha: are you sure, it looks the exact same 🙂

    April 24, 2019 at 3:22 am #171027
    vraba
    Participant

    Sorry it not the same… but does not work 🙁

    April 24, 2019 at 3:23 am #171028
    vraba
    Participant

    My bad! Sorry sorry, it works!

    April 24, 2019 at 3:26 am #171029
    vraba
    Participant

    OK, 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.

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 22 total)
1 2
  • The topic ‘Highlight button in menu’ is closed to new replies.