Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • July 18, 2017 at 10:08 am #823177
    increasethewedge

    Hi guys,

    Looking for some advice. I have a main slider on my homepage and can appreciate that the styling is automatically adjusted for mobile. However, it is cutting my image and taking a chunk which doesn’t make sense out of context. Is there any way to choose for myself which part of the image is selected? If not, do I have any options for styling the mobile page seperately?

    Thanks for your help in advance!

    Sam

    July 18, 2017 at 4:16 pm #823380
    Jordan Shannon

    Hey increasethewedge,

    Try adding the following to quick css:

    
@media only screen and (max-width: 600px)  {
.av-single-slide slide-1.active-slide{
    background-position: -600px 5px!important;
}}

    Best regards,
    Jordan Shannon

    July 18, 2017 at 4:42 pm #823394
    increasethewedge

    Thanks for getting back to me Jordan but it hasn’t worked!

    July 18, 2017 at 4:44 pm #823400
    Jordan Shannon

    Hi,

    Can you provide a screenshot of what you are seeing with the code I gave you?

    Best regards,
    Jordan Shannon

    July 18, 2017 at 4:56 pm #823412
    increasethewedge

    http://ibb.co/eSxbVF

    July 18, 2017 at 5:34 pm #823430
    Jordan Shannon

    Hi,

    I see, thank you. Is this a phone or tablet?

    Best regards,
    Jordan Shannon

    July 18, 2017 at 5:35 pm #823431
    increasethewedge

    So it displays like tht on a mobile and on a tablet in portrait.

    Thanks again for your help

    July 18, 2017 at 5:48 pm #823436
    increasethewedge

    So it displays like that on a mobile and on a tablet in portrait.

    July 18, 2017 at 6:30 pm #823449
    Jordan Shannon

    Hi,

    Please provide admin info so I can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    July 19, 2017 at 11:47 am #823880
    increasethewedge

    I have also noticed that in the footer of only a couple of pages that there is a white box around the heading. Any help with this would also be really appreciated!

    July 19, 2017 at 9:30 pm #824167
    Jordan Shannon

    Hi,

    The admin info did not work for me. Can you take a second look for me? Also, provide the exact admin url as perhaps I entered the wrong one.

    Best regards,
    Jordan Shannon

    July 20, 2017 at 12:15 pm #824514
    increasethewedge

    Sorry, Jordan. Try this?

    July 20, 2017 at 5:49 pm #824726
    Jordan Shannon

    Hi,

    The quick css does not seem to be picking up. Please add the following to the custom.css file:

    
@media only screen and (max-width: 767px) {
.av-single-slide.slide-1.active-slide{
    background-position: -600px 5px!important;
}}

    Best regards,
    Jordan Shannon

    July 20, 2017 at 6:00 pm #824731
    increasethewedge

    That worked perfectly!

    I have also noticed that in the footer on only a couple of pages that there is a white box around the headings. Any help with this would also be really appreciated!

    Thanks again

    July 20, 2017 at 6:06 pm #824741
    Jordan Shannon

    Hi,

    Is this a mobile only issue? Please link me to a page where this is occurring.

    Best regards,
    Jordan Shannon

    July 26, 2017 at 2:47 pm #830172
    increasethewedge

    Hi Jordan,

    Sorry for the delayed response here. The issue appears to be occuring on the footer section on both mobile and desktop on the following pages:

    Home page, Office Clearance Services, Shredding Process, Why Highlander, Data Protection and How to Contact Us

    Cheers,

    Sam

    July 26, 2017 at 3:45 pm #830189
    Jordan Shannon

    Hi,

    Add the following to quick css

    @media only screen and (max-width: 767px) {

    #footer h3.widgettitle {
background-color: transparent!important;
}

/***If you want to remove the borders also***/

#footer h3.widgettitle {
border-style:none!important;
}}

    Best regards,
    Jordan Shannon

    July 27, 2017 at 11:52 am #830586
    increasethewedge

    one problem always leads to another!! I put the code in which removed the footer backgrounds perfectly but it knocked the general styling out of place and shifted all text to the middle of the page?

    July 27, 2017 at 2:27 pm #830660
    Jordan Shannon

    Hi,

    I logged in and adjusted the code. It should work just fine now. Please let me know if this works.

    Best regards,
    Jordan Shannon

    July 27, 2017 at 5:23 pm #830752
    increasethewedge

    I’m afraid not, white boxes are still there

    July 27, 2017 at 5:27 pm #830756
    Jordan Shannon

    Hi,

    Please hard reset the cache. I’m no longer seeing white boxes at all. The issue was that the code was not added properly.

    Best regards,
    Jordan Shannon

    July 28, 2017 at 11:10 am #830992
    increasethewedge

    I hard reset the cache and it still seemed to be doing the same thing. I then tried it on my mobile, again the same. But, i turned my wifi off and on 4g they had dissappeared. I also tried it on my home computer and again, the white boxes were gone. It’s a strange one but the client doesn’t see them either so the problem seems to be resolved. Thanks for all of your help Jordan!

    July 28, 2017 at 3:39 pm #831089
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please be sure to let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • The topic ‘Homepage image not displaying properly on Mobile’ is closed to new replies.