Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • May 21, 2017 at 10:49 pm #797326
    Lura1988

    Hi all,
    I’m using enfold and I have some problem with the mobile version.
    I need to move the cart icon and the menu under the logo in the mobile version. I’ve been trying with several different css code but nothing seems working. Can you help me please?
    Thanks

    May 22, 2017 at 5:49 am #797380
    Rikard

    Hey Lura1988,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    May 22, 2017 at 10:52 am #797532
    Lura1988

    Hi Rikard,
    sure, I am bulding the website offline at

    May 22, 2017 at 11:17 am #797548
    Nikko

    Hi,

    Unfortunately, the site you are working on is not online and we have no way to access it. Can you try to show a screenshot instead?

    Best regards,
    Nikko

    May 22, 2017 at 12:01 pm #797571
    Lura1988

    Hi Nikko,

    thanks for your reply
    I also have a problem with the background because as you can see from the file attached the header colour spreads in the description box.
    I am also trying to import a shopping bag (from fontello) but once that I import the icon and I go to another page the file disappire. Could you help me also with these issues?

    Many thanks

    May 22, 2017 at 12:54 pm #797598
    Nikko

    Hi,

    Just checked the screenshot and I think that’s pretty hard to guess the right css code, I think we would really need your site to be online so we can atleast inspect it with a firebug or a web inspector :(

    Best regards,
    Nikko

    May 22, 2017 at 1:21 pm #797623
    Lura1988

    Hi Nikko,

    I see. I ‘ll finish few things and I ‘ll put it online. So you can have a look.

    many thanks

    May 23, 2017 at 4:44 am #798031
    Rikard

    Hi,

    Ok, thanks for that. Just let us know when you have something we can have a look at.

    Best regards,
    Rikard

    May 23, 2017 at 6:32 pm #798427
    Lura1988

    Hi all,

    the website is online, (maintenance page) so if someone could give it a look and see if you can help us with the issues that would be great.
    http://www.osylia.com

    May 24, 2017 at 10:42 am #798827
    Lura1988

    Hi guys,

    please let me know if you need more info.
    Many thanks

    May 25, 2017 at 12:22 am #799269
    Lura1988

    Hello?!

    May 25, 2017 at 4:35 pm #799640
    Victoria

    Hi Laura,

    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 .logo {
  width: 50%;

}
.responsive #top .logo img {
    opacity: 1;
}
}

    This is a bit different solution, but a good one for mobile. Let me know what you think.
    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 25, 2017 at 4:56 pm #799643
    Lura1988

    Hi Victoria,

    thanks for answering!

    unfortunately, the logo just disappeared.

    Anyway now my first issue is that all the background in the mobile is black even if in general style is set up white.
    Furthermore the fontello shopping bag, i am having a lot of trouble as I cannot see it

    thanks for helping

    May 25, 2017 at 5:08 pm #799648
    Lura1988

    I fixed the background, it was a wrong CSS.
    I am looking to have a black header in the mobile version. Do you have any CSS for that?

    May 25, 2017 at 5:32 pm #799661
    Lura1988

    1) about the black mobile header

    the following code doesn’t work in my case
    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
    background-color: black !important;
    }
    }

    2) if I inspect the fontello icon doesn’t even have the shopping bag shape but just a cricle

    May 26, 2017 at 12:55 am #799903
    Lura1988

    Hi,

    we finally find a solution for the shopping bag.

    I had the following code to have the black header mobile

    #header_main.container_wrap.container_wrap_logo {
    background-color: #000000;
    }

    but now I cannot see the white logo. any help?

    thanks

    May 26, 2017 at 12:18 pm #800101
    Andy

    Hi,

    menu and cart icon are already under your logo: http://i.imgur.com/paZgQ3P.png
    So seems you could fix it.

    Please use different tickets for different questions/issues.

    Best regards,
    Andy

    May 26, 2017 at 12:27 pm #800104
    Lura1988

    Hi,

    yes, I just fixed it.

    – But now I have to much white space between the mobile menu and the pages. How can I fix it?
    – Also the logo needs to have some black margin on the top and bottom because now it is squeezed.
    – And I cannot find a code to stick the mobile cart icon on the right corner.

    Could you help me with these issues?

    Many thanks

    May 26, 2017 at 12:30 pm #800106
    Lura1988

    I used the following codes

    #header_main.container_wrap.container_wrap_logo {
    background-color: #000000;
    }

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo {
    width: 100%!important;
    }
    .responsive .logo img {
    margin: auto;
    }
    .header_color img {
    padding-top: 0;
    }
    #header {
    height: 220px!important;
    }
    #advanced_menu_toggle {
    top: 150%;
    right: 46%;
    }
    }

    @media only screen and (max-width: 767px) {
    .responsive #top .cart_dropdown {
    top: 150%;
    right: 1%;
    }
    }

    May 26, 2017 at 5:01 pm #800258
    Lura1988

    I fixed most of the issues! I ll open a new ticket for the last 2!

    thanks anyway

    May 26, 2017 at 7:45 pm #800330
    Victoria

    Hi Lura1988,

    Glad you got it working for you! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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