Navigation
Archive / 2 more little issues when using a tablet
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 5, 2017 at 1:29 pm #1317708
    dpe
    Participant

    When I view my website http://www.dorsetphotoevent.co.uk on a tablet in portrait the round corner background shadow is much larger than the image (fine on pc and iPhone and in landscape mode)
    When I view the site on a tablet in landscape the menu covers part of the H1 heading

    Mike

    January 5, 2017 at 2:37 pm #1317817
    Joao
    Moderator

    Hi Mike,

    Please add the following code to Appereance > Customzier > custom > CSS

    
.x-img-rounded {
    max-width: 400px;
}

    Also make sure to mark Align Center on the column where your images are placed.

    Hope that helps

    Joao

    January 5, 2017 at 3:21 pm #1317871
    dpe
    Participant

    Images have moved to the left (drop shadow is now correct width) and it would be great to have them centered

    Still need to resolve the issue with the menu in landscape on a tablet

    Mike

    January 5, 2017 at 7:37 pm #1318197
    Friech
    Moderator

    Hi Mike,

    To center the shadow, add this on your custom CSS.

    .x-img-rounded {
    box-shadow: 0px 5px 5px #444444;
}

    Regarding the menu dropping on the second line, please read this post: http://sevenspark.com/docs/ubermenu-3/faqs/item-wrap

    The H1 heading covers by menu issue, will be solve when the menu stop from dropping to second line.

    Thanks.

    January 6, 2017 at 9:55 am #1318929
    dpe
    Participant

    Many thanks, the menu info was good but those images are stil not centered when viewing on a tablet in portrait mode

    Mike

    January 6, 2017 at 4:51 pm #1319420
    Friech
    Moderator

    Hi Mike,

    Would you mind providing us of screenshot of the images that you’re referring to?

    Thanks.

    January 6, 2017 at 5:27 pm #1319444
    dpe
    Participant

    Only happens on a notepad in portrait format, iPhone is OK i.e. justified centrally

    Mike

    January 7, 2017 at 12:38 am #1319874
    Christopher
    Moderator

    Hi there,

    Please add margin: 0 auto !important; in image’s style field.

    Hope it helps.

    January 7, 2017 at 3:51 am #1319988
    dpe
    Participant

    Thats perfect

    Mike

    January 7, 2017 at 4:17 am #1319997
    Thai
    Moderator

    If you need anything else please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1317708 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>