Viewing 20 posts - 1 through 20 (of 21 total)
  • Author
    Posts
  • #168471
    sloaneranger
    Participant

    Hello,

    My website looks great viewed from a desktop/laptop browser but when viewed on a tablet or phone (or via customiser for different screen sizes) the design does not re-size the page elements to fit.

    URL: sloaneranger.com.au

    – Section Titles are cut off when scrolling down.
    – On mobile the header image isn’t centred.
    – Site Logo isn’t resized and takes up half the screen.
    – Making the header menu not sticky allows the site to be viewed better via mobile.
    – When content doesn’t fit across the screen in a column, the subsequent columns go below the first column but they aren’t aligned to each other. Why can’t the contents of the columns shrink to fit across the screen?
    – When above happens the columns don’t align to the centre of the screen.

    Some images are attached below:
    Mobile1
    Mobile2
    Tablet1
    Tablet2

    #168525
    Skandha
    Participant

    @sloaneranger: For titles getting cut off
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code

    .section-title-wrapper {
    	margin-top:40px;
    }

    I checked your site on mobile devices and the header image seems to be centered. Do you mean the full image is not showing up on smaller screens?

    The site logo seems to be displaying fine. You already have a small logo so I don’t it needs to be made even smaller in mobile devices. Check our the screenshot.

    Can you let me know where the content is not aligning properly after overflowing to the next line on your site?

    Let me know if this helps you out!
    Kind Regards,
    Skandha

    #168571
    sloaneranger
    Participant

    Apologies, I meant the text over the header image, see below:
    Phone

    I increased the margin size on the site logo which in turn decreased the logo size so now it is better.

    I changed my pages so that there weren’t any columns so now when there is overflow it is aligned.

    #168618
    Skandha
    Participant

    @sloaneranger: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #fullpage .entry-content-wrapper {
    	margin:0px 25px !important; 
    }

    Let me know if this solves the issue.
    Kind Regards,
    Skandha

    #168650
    sloaneranger
    Participant

    Will this affect the text when viewing on iPad or computer?

    I only want the text to be centred on the phone view.

    #168696
    kaindl
    Participant

    How can I make the http://www.visarm.com home page use the table format as seen at this demo site

    https://catchthemes.com/demo/catch-foodmania-dark/

    and more specifically as seen in this screenshot

    http://prntscr.com/n2xwrz

    I love how this table is re-formatted in smaller mobile devices.

    I need to know how to install this exact table formatting.

    Thank you

    #168697
    Skandha
    Participant

    @sloaneranger: The code shouldn’t effect the text when viewing on any screens. It should work fine for all devices.

    Kind Regards,
    Skandha

    #168706
    Skandha
    Participant

    @kaindl: Hello there,
    For that you will need to make a lot of changes and customize your site. I suggest you to hire a customizer to get it done.

    Kind Regards,
    Skandha

    #172945
    NoelAgyei
    Participant

    Hey @Skanda

    Could you help me please!?

    url: http://www.tribeldn.co

    I think I have the same problem as explained above by sloneranger. But in my case its just the images on my homepage that arent showing in full on mobile and tablet format. But are in the desktop format.

    Apologies in advance for my lack of knowledge this is my very first website design!!

    Thank you!

    #172948
    NoelAgyei
    Participant

    @skandha

    Apologies I spelt you name incorrect above. I just wanted to also mention that when i switch between the formats mobile and tablet within the edit screen of wordpress they look ok but not when I look on an actual mobile or tablet. Thanks I look forward to you saving me!!

    #172999
    Skandha
    Participant

    @noelagyei: Hello there,
    I will need your WP Admin credentials to debug the issue and try providing you a solution. I will contact you shortly by email.

    Kind Regards,
    Skandha

    #173008
    NoelAgyei
    Participant

    ok great thanks @skandha look forward to hearing from you

    Thanks again
    Noel

    #173087
    Skandha
    Participant

    @noelagyei: Hello there,
    I checked your site on mobile and the images seems to be displaying fine. Can you check at your end and confirm if it is showing up well?

    Kind Regards,
    Skandha

    #173094
    Skandha
    Participant

    @noelagyei: Can you try adding the following CSS Code.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #fullpage .section {
    	background-attachment:scroll ;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #173096
    NoelAgyei
    Participant

    @skandha: Hi there

    Thanks so much for you time on this but I have just checked my site on my mobile and the images are still not displaying correctly. Ive sent you a direct email with screenshots of what I see on my mobile.

    Could you have a look when you have a moment please?

    All the best
    Noel

    #173101
    NoelAgyei
    Participant

    @skandha: Youre a superstar!!! Thanks so much that CSS code has fixed it!

    Amazing! Thank you so much have a great rest of the week

    All the best
    Noel

    #173102
    Skandha
    Participant

    @noelagyei: Hello Noel, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/catch-fullscreen/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

    #224617
    bmw2182
    Participant

    I am hoping you can help me. My website is http://www.heroshouseofpizza.com/. On the mobile version, my header does not resize so it looks funny. Is there anyway to get that to resize?

    Also, is there away to keep the word Menu next to the 3 lines (hamburger icon) on all sizes of mobile devices? Not necessary on the desktop.

    #225518
    Skandha
    Participant

    @bmw2182: Hello there,
    The Header Image issue has been fixed and an update will be released soon. I will let you know when the update is released.

    To have the menu label display next to the hamburger menu icon
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .menu-label {
        display: inline-block;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #225686
    bmw2182
    Participant

    Thank you! That is exactly what I needed!

Viewing 20 posts - 1 through 20 (of 21 total)
  • The topic ‘Theme elements aren't responsive for tablet and phone’ is closed to new replies.