ad521521
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Sydney] Mobile Device Display Issue After Increased Header LogoI fixed it! Just restored the parent css and it removes the gap!
Thank you again!
Forum: Themes and Templates
In reply to: [Sydney] Mobile Device Display Issue After Increased Header LogoIT WORKS!!
Thank you so much! One more issue. It shows a little bit of background on the very right side of my site: superaircleanser.com on iphone. I believe it is messed up by me. Could you please let me know how i can fix this?
And really appreciate the child theme advise. I have been reading ppl are using child theme for their project and i will find a way to do this!
THANKS AGAIN!
Forum: Themes and Templates
In reply to: [Sydney] Mobile Device Display Issue After Increased Header LogoI did some research, seems like i located where i need to add/modify:
/* All Mobile Sizes */
@media only screen and (max-width: 1024px) {/* Smaller than standard 980 */
@media only screen and (max-width: 991px) {these are the closest i can found, there are soooooo many media sizes…. i dont know if i located concretely?
Thanks so much ahead!
Forum: Themes and Templates
In reply to: [Sydney] Mobile Device Display Issue After Increased Header LogoLooks like i am getting sth difficult for me….
I have no idea how to add/modify the media queries…. Could you please give me some instruction? Thanks!Also, i am thinking if it is possible to expand the width of the content on my mobile device to match the 550px big logo? So, i dont need to mess around the logo?
Forum: Themes and Templates
In reply to: [Sydney] Mobile Device Display Issue After Increased Header LogoThanks Dwevans,
I am new to CSS, please help me a little bit more.
I added “max-width: 100%” under site-logo. Yes, it fix the problem on mobile device, but on desktop, it changed the logo size back to the default (smaller like 350px, i have it 550px). I assume it over-writes the “max-width: 550px”??
And i found there are also some settings as below:
site-header .logo {
margin: 40px 0;
float: left;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}.site-header .logo a {
display: block;
height: 100%;
}.site-header .logo {
width: 80px;
height: 20px;i don’t know if any of these helps my issue??
Thanks!