I'm back with my fifth purchase of this theme. Still loving it.
I am looking for help with the CSS for the mobile content. Hoping you can direct me to it. The ideal situation I need is for the desktop content + headers to be left aligned, and when on Mobile, for content and headers to be centered.
Nope. I am looking to track down the CSS for the mobile design so I can change the alignment of certain tags <h1>, <h2> <body> etc. Currently on the desktop the <h2> is set to left align, as is the <P> block. When it is viewed on mobile, I want <h2> to be center align, as well as the <p> block.
Photo 1 is the desktop, I want to be keep the text in the blue left aligned. Photo 2 is the one I want to be able to adjust. I want to have the text be centered here. Clear as mud?
Hello.
I'm back with my fifth purchase of this theme. Still loving it.
I am looking for help with the CSS for the mobile content. Hoping you can direct me to it. The ideal situation I need is for the desktop content + headers to be left aligned, and when on Mobile, for content and headers to be centered.
Fingers crossed it is a simple fix?
Thanks
Hello Brad,
Thanks for using our theme multiples times!
I am not sure to fully understand, for the desktop version you would like the logo AND menu to be on the left side?
For the mobile you would like to have the logo centered and the menu button icon next to it? everything centered with white space on both side?
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi there.
Nope. I am looking to track down the CSS for the mobile design so I can change the alignment of certain tags <h1>, <h2> <body> etc. Currently on the desktop the <h2> is set to left align, as is the <P> block. When it is viewed on mobile, I want <h2> to be center align, as well as the <p> block.
Photo 1 is the desktop, I want to be keep the text in the blue left aligned. Photo 2 is the one I want to be able to adjust. I want to have the text be centered here. Clear as mud?
Thanks for the support.
Brad
Hello Brad,
What you can do is to go edit the module and add a custom class to all the element you want to center on mobile
then add this custom css ( thefox > styling options ) :
@media only screen and (max-width: 414px) {
.your_custom_class { text-align:center !important ; }
}
This should do the trick!
Do not hesitate to contact us if you have more questions.
Have a nice weekend!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Of course!
Thanks for that. That opens a whole can of options for mobile edits now!
Cheers
B
Hello Brad,
You're welcome!
Glad to have been able to help you!
Do not hesitate to contact us if you have more questions.
Have a nice day!
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme