akshayvinchurkar

will you pls post exact url of your site or article so i can see

did you used this block to put your css

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

}

without media query your css shows on all viewports

advanced-css-editor
use this editor and choose mobile view at bottom of the plugin then add your CSS and voila.

give me more details like your site url

your talking about the main page header right? the height is already 100vh you want more?

entry-title modify this class CSS whatever you want to modify use plugin like advanced CSS editor to do this

your body color is working but if you want to apply color to your site you have to put into class called .site this is the top wrapper class in the default themes.

.site {
   background-color: #BBBBBB;
}

this is example

you can directly edit the stylesheet of your site in the editor but I would recommend use plugin like advanced CSS editor to do this process with ease.

add this CSS to your header class

.mh-site-logo {
    display: none;
}

you can add class to image your example is ok. this is a question?

don’t just manually edit your stylesheet use plugin like advanced CSS editor
this will help you to write media queries and CSS smoothly and its ajax powered that means you can see your code instantly

this will not work because transparent look you need to set the color in RGBA form
that means red green blue alpha channel like this

div#content.site-content {
background-color: rgba(255, 255, 255, 0.5); /*this is white bTW with opacity 0.5*/
}

reduce the font-size or just extend the width of the header that you can manage the issue

that simply means when you load your web page the first style is shown and then it format itself with new CSS and between this transformation, it takes delay find something that does create this delay maybe javascript code

looks like your issue is fixed