Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 8, 2014 at 5:47 pm #261899
    MarcG5

    Hi all,

    I have almost finished my migration from Avisio to Enfold and looking forward to going live with the new site very soon. I have some tidying up questions that I hope you could help with:

    Mobile view:
    1 – Is there a way to remove the breadcrumbs for only when the site is viewed only on mobile phones? iPads appear to be ok but I am not sure if you can distinguish between screen sizes.

    2 – When viewed on an iPhone or Android phone my mobile menu icon in landscape is positioned fine but when put into portrait mode the menu icon obscures my logo. Could this be positioned higher than it currently is when viewed in portrait mode?

    General:
    When viewing a page from the main menu a highlighter is present under the selected menu item, however when viewing a page from the sub menu the highlighter disappears. Is there a way to make this present for any menu item that has been selection?

    My website can be viewed here: http://marcgodfreeweddings.co.uk.gridhosted.co.uk/

    Thanks in advanced for any help!
    Marc

    May 9, 2014 at 4:14 am #262109
    Ismael

    Hey MarcG5!

    Thank you for using the theme!

    1.) Yes, this is possible with media queries. Just add this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) {
div.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;
}
}

    2.) Use this to fix the logo on mobile device:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: 65px !important;
top: 5px;
}
}

    Regards,
    Ismael

    May 9, 2014 at 9:46 am #262266
    MarcG5

    Hi Ismael,

    Thank you for your reply and code! I have added this and it all looks good on mobile phones now however, on my iPad the breadcrumb (which I still want) overlaps the page title when viewed in portrait mode causing a messy looking heading. It is fine in landscape view as there is plenty of space. Any thoughts on a way around this?

    Also did you have any thoughts on the main menu highlighter and how this could also be resolved?

    Thanks for your help it is greatly appreciated and looking forward to going live with this awesome theme!
    Marc

    May 9, 2014 at 4:14 pm #262420
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 990px) {
.title_container .breadcrumb { right: auto; top: 75%; left: 0; margin-left: -2px; }
#top .title_container .container { min-height: 60px; }}

    Cheers!
    Yigit

    May 9, 2014 at 6:47 pm #262529
    MarcG5

    Thank you Yigit – works a treat :-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold final tweaks and help needed’ is closed to new replies.