Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 24, 2022 at 2:00 pm #1336900
    combra

    Hi there,

    I would like my menu right next to the logo. In the theme settings I can only select the logo on the right and the menu on the left. How do I get the menu near the logo?

    Best regards,
    Alex

    January 25, 2022 at 3:47 am #1336951
    Rikard

    Hi Alex,

    Is it the main menu or the menu in the widget which you are looking to align? If you have a screenshot highlighting your intentions, then please share it with us, or try to explain what you are looking to achieve a bit further.

    Best regards,
    Rikard

    January 25, 2022 at 8:56 am #1336989
    combra

    Hi Rikard,

    thanks for your response. I want to move “Alle Kategorien” (main menu) into the near of the logo.

    Best regards,
    Alex

    January 25, 2022 at 11:35 am #1337033
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to move the main menu closer to the logo.

    .responsive #top #header .main_menu {
    position: relative;
    right: auto;
    float: left;
    left: auto;
}

.responsive #top #header .logo {
    float: left;
    position: relative;
    left: 0;
    z-index: 1;
}

    Please make sure to purge the cache after adding the css.

    Best regards,
    Ismael

    January 25, 2022 at 11:40 am #1337038
    combra

    Hi Ismael,

    that worked fine.

    Thank you.

    Best regards,
    Alex

    January 25, 2022 at 11:49 am #1337040
    combra

    Hi Ismael,

    maybe you can help:

    Want to add Burger menu symbol to “Alle Kategorien”.

    [av_font_icon icon='ue8a5' font='entypo-fontello' style='' caption='' size='40px' position='left' color='#0a0a0a' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon]

    I generated this shortcode, but this wont work. The symbol would be out of the border.

    Best regards,
    Alex

    January 25, 2022 at 12:10 pm #1337045
    combra

    I want to customize the border of “Alle Kategorien”.

        border: 2px solid grey;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;

    How to set this up? I dont know the class :)

    Best regards,
    Alex

    January 25, 2022 at 1:40 pm #1337066
    Mike

    Hi,
    When I check your menu item Alle Kategorien I see the burger icon, try clearing your browser cache.
    To apply the above css to the button try this css:

    #header_main #menu-item-19902.av-menu-button > a > span.avia-menu-text {
	border: 2px solid grey;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
}

    screenshot of the expected results:
    2022-01-25_001.jpg

    Best regards,
    Mike

    January 25, 2022 at 2:44 pm #1337078
    combra

    Yep, i pasted the html code on it, that worked. Your soultion did work too.

    Last question for that, how to get the burger icon a bit bigger, larger?

    January 25, 2022 at 6:22 pm #1337134
    Yigit

    Hi,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
#menu-item-19902 .av-icon-char {
  font-size: 20px;
  position: relative;
  top: 2px;
}

    Best regards,
    Yigit

    January 25, 2022 at 6:42 pm #1337138
    combra

    Thanks Yigit,

    its solved.

    Best regards,
    Alex

    January 25, 2022 at 6:43 pm #1337140
    Yigit

    Hi Alex,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Logo + Menu’ is closed to new replies.