[sloaneranger]

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:

[Skandha]

@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

[sloaneranger]

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

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.

[Skandha]

@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

[sloaneranger]

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

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

[kaindl]

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

[Skandha]

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

Kind Regards,
Skandha

[Skandha]

@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

[NoelAgyei]

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!

[NoelAgyei]

@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!!

[Skandha]

@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

[NoelAgyei]

ok great thanks @skandha look forward to hearing from you

Thanks again
Noel

[Skandha]

@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

[Skandha]

@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

[NoelAgyei]

@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

[NoelAgyei]

@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

[Skandha]

@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

[bmw2182]

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.

[Skandha]

@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

[bmw2182]

Thank you! That is exactly what I needed!

[Author]

Posts