Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 14, 2016 at 8:20 pm #699287
    connect4consulting

    Hi,

    I have two issues I’m hoping you an help me with.

    1) I have a header widget with content that is overlapping. At first I tried to put the content – phone number and email – in one single widget but it looked horrible on mobile devices. What’s the best way to fix this? Login credentials in private content.

    2) I would like to change the layout for the mobile version of the home page. I created some sections and started the process of hiding and displaying the content but I can’t get the mobile display to show up. Login credentials in private content.

    Thanks,
    Gabe

    October 16, 2016 at 3:55 pm #699626
    Rikard

    Hi connect4consulting,

    Please post a URL to the site in question as well.

    Best regards,
    Rikard

    October 17, 2016 at 3:13 pm #700059
    connect4consulting

    Sorry about that. Of course you need the site url!

    October 18, 2016 at 1:52 pm #700626
    connect4consulting

    Any chance you guys can help me with my two questions?
    Much appreciated!
    Thanks.

    October 18, 2016 at 10:40 pm #700927
    Andy

    Hi,

    1.) Your header looks good to me. What exactly do you want to change on mobile? Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    2.) What do you mean? can you explain further please?

    Best regards,
    Andy

    October 18, 2016 at 10:53 pm #700931
    connect4consulting

    Hi Andy,
    1) I have a header widget set up and the phone number and email to the right of the logo aren’t lined up correctly. That’s the first problem.
    2) I’m trying to hide certain sections of the home page so that they only show up on mobile devices. I’ve done it before but it’s not working right now.

    Is that any clearer?

    Thanks,
    Gabe

    October 19, 2016 at 12:34 pm #701221
    Andy

    Hi,

    I removed your second text element inside your header widget. Better to use just one, where both elements are places inside. Add this code to Quick CSS field to align it properly:

    #header .widget a {
left: 50%;
}

    and adjust if needed.

    Best regards,
    Andy

    October 19, 2016 at 2:39 pm #701340
    connect4consulting

    Thanks Andy.
    How about my second request? Hiding various items on the home page and only seeing certain sections on mobile? Essentially showing some sections for mobile and some sections for non-mobile view?

    October 20, 2016 at 8:04 am #701705
    Rikard

    Hi,

    You should be able to do so if you assign unique ID’s to your sections and use CSS like this: 

    @media only screen and (min-width: 768px) {
 #section-desktop {
display:block !important;
}
#section-phone {
display:none !important;
}
}

@media only screen and (max-width: 767px) {
#section-desktop {
display:none !important;
}
#section-phone {
display:block !important;
}
}

    Best regards,
    Rikard

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