Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 19, 2019 at 6:47 pm #1080456
    jo3bo76

    Hi,
    I’m working on a website and need some help with some css please as I can’t manage to change the menu navigation on my site using the admin section
    :
    I have included an example link in the Private contact and I would like it to be just like that, for example:

    – Current page highlighted
    – rollover on the other pages

    My navigation is currently not interactive.
    Many thanks
    Joe

    March 19, 2019 at 9:18 pm #1080543
    Victoria

    Hey Joe,

    Enfold normally has that, I am not seeing it on your end though.

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    March 19, 2019 at 9:39 pm #1080552
    jo3bo76
    This reply has been marked as private.
    March 19, 2019 at 10:24 pm #1080560
    jo3bo76

    Hi Victoria,
    I have one more issue if you could possibly help me with it?
    The website now looks fine on desktop top browsers but on the mobile (home page) underneath the 4 icons and oven images there is a large gap under it and also the heading ‘Register FREE today and get 10% Off your first clean’ is jumping out of the box. I can send a screen shot if you need it but you can see it on the mobile.
    Thank you.
    Joe

    March 20, 2019 at 9:12 pm #1081029
    jo3bo76

    Hi Victoria,
    Just checking if there is an update on this issue yet please?
    It’s become quite urgent.
    Thanks
    Joe

    March 21, 2019 at 2:55 pm #1081415
    jo3bo76

    Please not the site about to go live so the new login link is below in the private window box.
    Please can you let me know when you have finished so I can change the password.
    Thanks
    Joe

    March 22, 2019 at 6:53 am #1081740
    Vinay

    Hi,

    Thank you for contacting us.

    Your web site link did not work for me.

    Please try the below CSS

    
/* Hover background */
#top #header #avia-menu li.menu-item:hover > a  {
	background:goldenrod;
}

 /* Active menu link */
#top #avia-menu li.current-menu-item > a {
   background-color: gold;
}

    You can find CSS snippets for theme elements in our documentation please feel free to bookmark it :)

    Best regards,
    Vinay

    March 22, 2019 at 10:17 am #1081778
    jo3bo76

    Hi Vinay,
    Thank you for getting back to me, unfortunately the css didn’t work on the navigation.
    Thanks for the bookmark, I will keep it for future reference.
    I have pasted the login link into the private box.

    My main issue in my previous message wasn’t answered, please see below:
    The website now looks fine on desktop top browsers but on the mobile (home page) underneath the 4 icons and oven images there is a large gap under it and also the heading ‘Register FREE today and get 10% Off your first clean’ is jumping out of the box. I can send a screen shot if you need it but you can see it on the mobile.
    Thank you.
    Joe

    March 27, 2019 at 2:08 am #1083339
    Ismael

    Hi,

    The spaces are created due to the elements’ padding. You have to turn on the custom css class field so that you can target the elements specifically and adjust the padding value on mobile view.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

    March 27, 2019 at 11:51 am #1083521
    jo3bo76

    Hi Ismael,

    Thanks for the reply!

    I’ve turned on the custom css class field but are you able to help with the css code?

    Thanks
    Joe

    March 29, 2019 at 12:23 am #1084339
    Ismael

    Hi,

    Did you add a custom css class attribute to the element? What is it? If you haven’t already, try adding “el-no-padding” to the field and then use it as a selector in the Quick CSS field or the child theme’s style.css. Example:

    @media only screen and (max-width: 767px) {
    .el-no-padding {
       padding: 0 !important;
    }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.