Tagged: , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 8, 2014 at 11:17 pm #332775
    bakbek

    Hi, how can I move the menu to the left? As you can see – http://screencast.com/t/iDN22q35S3D – it goes over the logo…

    October 8, 2014 at 11:25 pm #332776
    bakbek

    Sorry, wrong link before, here is the correct one – http://screencast.com/t/wPfb5pxOM

    Also, I noticed that on other screen size the logo moves to the left so how can make sure this happens in all mobile sizes – http://screencast.com/t/eblNfXpSB3Jb

    October 9, 2014 at 8:15 am #333009
    Ismael

    Hi!

    Thank you for visiting the support forum.

    Please use this on Quick CSS or custom.css

    @media only screen and (max-width: 767px) {
.responsive .logo {
float: right;
}

.container #advanced_menu_toggle, #advanced_menu_hide {
left: 0;
}
}

    Regards,
    Ismael

    October 9, 2014 at 11:17 am #333114
    bakbek

    That didn’t seem to work – http://screencast.com/t/rSKWLpOm

    The site URL is – http://www.photobek.com/

    October 10, 2014 at 7:11 am #333699
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #advanced_menu_toggle, #advanced_menu_hide {
    right: auto;
}

    Cheers! 
    Josue

    October 10, 2014 at 10:50 am #333787
    bakbek

    That worked. Thanks.

    How can I add some space below and above the menu icon – http://screencast.com/t/EPHsJJqwqR2 and make the logo bigger so it will be the same as it is here – http://screencast.com/t/xqeTvbUR?

    October 10, 2014 at 6:11 pm #334001
    Yigit

    Hi!

    Please add following code to Quick CSS as well 

    @media only screen and (max-width: 990px) and (min-width: 769px) {
#header_main .container, .main_menu ul:first-child > li a {
height: 88px!important;
line-height: 88px!important;
}
.logo, .logo a, .logo img {
max-height: 88px!important;
}}

    Cheers!
    Yigit

    February 8, 2019 at 10:34 am #1064513
    brunet77

    Sorry but I have tried the 3 codes and none works.

    I do not know if it’s because those codes are from more than 4 years ago and have no effect on the current template.
    Can you check it?

    I have added them in custom CSS of the theme.

    February 8, 2019 at 11:00 pm #1064787
    Victoria

    Hi brunet77,

    Could you please give us a link to your website, we need more context to be able to help you.

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    February 13, 2019 at 10:46 am #1066377
    brunet77

    the website is http://www.kedatelow.com/

    Regards

    February 14, 2019 at 6:11 am #1066795
    Rikard

    Hi brunet77,

    Thanks for that, though your site is not loading:

    502 Bad Gateway
    nginx

    Best regards,
    Rikard

    February 14, 2019 at 4:52 pm #1067049
    brunet77

    Inicio

    What? the access is correct. Tablet, iphone, pc. Can you try again?

    tnks

    February 16, 2019 at 6:38 am #1067626
    Rikard

    Hi,

    It’s working now. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    left: 0;
    right: auto;
}
.logo img {
    float: right;
}
}

    Best regards,
    Rikard

    February 19, 2019 at 1:48 pm #1068958
    brunet77

    Hello
    It’s kind of weird
    there is a white space to the right of the logo. I would like the logo to be completely to the right and, if possible, the search engine after the hamburger menu

    Attach image:
    https://we.tl/t-ciXdQHTYAv

    regards

    February 19, 2019 at 9:40 pm #1069121
    Victoria

    Hi brunet77,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
      width: 100%;
      max-width: 100%;
  }
  .responsive #top .logo {
    width: 100%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 20, 2019 at 4:18 pm #1069516
    brunet77

    I added the code but it does not work, the previous one worked, but it did not leave the logo to the maximum right.

    now your code is set for you to check.

    regards

    February 24, 2019 at 11:27 am #1070884
    Victoria

    Hi brunet77,

    https://cl.ly/7e6efb0c5e17 My code makes the container 100% and so the logo is at the left edge. That’s all it does. Is this not the look you’re trying to achieve?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

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