Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 17, 2018 at 8:10 pm #998572
    Levante Golf

    Hi,

    On the page below the photos and text stretch the full width of the page on laptop, ipad landscape and portrait however on the mobile screens they don´t and I can´t work out why. The page is set up with two columns inside a colour section with the css dayoffwidth and then in the css styles section added the code:

    #dayoffwidth .container {max-width: 100%; padding: 0;}

    within the 2 columns are an image and a text box but as I say it works great on all screens apart from mobile in either portrait or landscape. Is there any reason for this?

    Many thanks

    August 18, 2018 at 7:24 am #998654
    Rikard

    Hey ProTravelGolf,

    That is due to the container width on mobile, if you need to change that then you will likely run into other problems like text going all the way to the browsers edge. Here is the default CSS which is being applied if you want to change it in some way:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
}
}

    Best regards,
    Rikard

    August 18, 2018 at 12:59 pm #998698
    Levante Golf
    This reply has been marked as private.
    August 18, 2018 at 9:34 pm #998787
    Basilis

    Hi,

    Please convert to the following and let us know if it works

    
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container .lmcvippackbuttonsx {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-left: 0;
padding-right: 0;
float: none;
}
}

    Best regards,
    Basilis

    August 19, 2018 at 1:09 am #998825
    Levante Golf
    This reply has been marked as private.
    August 19, 2018 at 4:53 am #998844
    Rikard

    Hi,

    Thanks for the feedback, though I can’t see any instances of a class called lmcvippackbuttonsx on the page you linked to. Are you sure the class name is spelled correctly?

    Best regards,
    Rikard

    August 19, 2018 at 10:59 am #998868
    Levante Golf
    This reply has been marked as private.
    August 19, 2018 at 4:59 pm #998967
    Rikard

    Hi,

    Thanks for the feedback, though there is only one container element in each Color Section, so that would not be possible unfortunately. Maybe you could post a screenshot highlighting your intentions instead? There might be some other solution to your problem.

    Best regards,
    Rikard

    August 20, 2018 at 12:48 pm #999331
    Levante Golf
    This reply has been marked as private.
    August 20, 2018 at 2:39 pm #999388
    Victoria

    Hi ProTravelGolf,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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