Viewing 4 replies - 1 through 4 (of 4 total)
  • The page title is designed to “cut” into the featured image, so when you remove the featured image you’ll need to remove the negative margin as well:

    @media screen and (min-width: 850px) {
    	.content-wrapper.full-width.with-featured-image {
    		margin: 0 6.661%;
    	}
    }
    
    @media screen and (min-width: 998px) {
    	.content-wrapper.full-width.with-featured-image {
    		margin: 0 13.98%;
    	}
    }
    Thread Starter MissAliya

    (@missaliya)

    Oh wow, it worked on that page, however is it possible to have this same rule apply to other pages?

    If so, what is it that I need to change?

    For example the code did not have effect on this page:
    https://whub44.webhostinghub.com/~thespi24/index.php/indian-thai-cooking-classes/thai/

    @media screen and (min-width: 1180px) {
    	.content-wrapper.with-featured-image {
    		margin: 0 0 0 165px;
    	}
    }

    This should cover you for both pages with the sidebar and pages without.

    Thread Starter MissAliya

    (@missaliya)

    Thank you so much, it worked!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Page title covering menu bar after CSS edit?’ is closed to new replies.