Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 4, 2017 at 1:13 pm #816308
    Hefio_Play

    Hi
    I have created a button “coming soon” as a part of the menu but is there any possibility to move it to the right? That it’s placement is similar to Hefio logo but on the right of the panel?

    http://www.hefio.com

    Also, can I change the color of the button? I would like to make it blue as the blue color of our theme.

    July 4, 2017 at 2:28 pm #816337
    tjswarbs78

    Hello,

    you could use

    #menu-item-3428 {float:right;}

    in custom css to push it to the right of the menu element

    Hope that helps

    TJ

    July 4, 2017 at 2:42 pm #816347
    Yigit

    Hi!

    Please try using the code as following 

    .av-main-nav li#menu-item-3428 {
    float: right!important;
}


    @tjswarbs78     Thanks for your help :)

    Regards,
    Yigit

    July 4, 2017 at 3:05 pm #816361
    Hefio_Play

    well, it did move it but I would want it a bit further on the right and also 3 other menu items are not in the middle now :(

    July 4, 2017 at 3:19 pm #816366
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top #wrap_all #header_main .main_menu .av-main-nav > li {
    left: 8%;
}

    Best regards,
    Yigit

    July 4, 2017 at 4:37 pm #816394
    Hefio_Play

    Thanks! That did a trick.

    One more question, if it is possible to change the color of that box with “coming soon”? I would like to see how it looks like in #5dd8e8.

    July 4, 2017 at 5:13 pm #816413
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #5dd8e8;
    border: none;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
    Best regards,
    Yigit

    July 5, 2017 at 8:59 am #816665
    Hefio_Play

    Hi

    This worked! Great! One thing I have noticed yesterday when I opened the web-site on my iMac (bigger screen resolution) is that the button together with the rest of the menu is moving too much right what also causes that half of the button is not visible and the rest of the menu is not centered? Any way to fix this?

    July 5, 2017 at 1:45 pm #816733
    Yigit

    Hi,

    I checked your website on my 1920x1200px screen however i could not reproduce the issue.

    Please try changing following code

    #top #wrap_all #header_main .main_menu .av-main-nav > li {
    left: 8%;
}

    to following one

    @media only screen and (max-width: 1920px) {
#top #wrap_all #header_main .main_menu .av-main-nav > li {
    left: 8%;
}}

    Best regards,
    Yigit

    September 21, 2017 at 9:23 am #854664
    Hefio_Play

    Hi

    The problem still exists. Whenever opening the web-site on the bigger screen, menu buttons shift left.

    September 21, 2017 at 11:44 am #854751
    Yigit

    Hi,

    I asked my teammates to check your website on a big screen. Please kindly wait to hear from them.

    Best regards,
    Yigit

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