Website Main Header

Home Forums Receptar Website Main Header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #21635

    coralwhere
    Participant

    Website Main Header

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi, I removed the featured image on the right side of every post using this code

    .is-singular:not(.home) .site-inner {
    	width: 100%;
    }
    
    .is-singular .entry-media {
    	position: relative;
    	width: auto;
    	height: auto;
    	right: auto;
    	top: auto;
    	margin-bottom: 5em;
    	background: none;
    }
    
    .is-singular .entry-media img {
    	visibility: visible;
    }

    Now the header with the site’s name and the widget is showing only on the right part of the screen. Is it possible to stretch it out all over the screen? https://exploreasturias.com

    Also, I would like to have the blog info (author’s name, date, tags) at the end of the post so it doesn’t overlap with the header.

    Any chance I can get help with that?

    #21639

    Oliver Juhas
    Keymaster

    Hi coralwhere,

    Starting from post meta info, you can move those to bottom of the post by using this custom CSS:

    .single .entry-meta.entry-meta-bottom {
    	position: relative;
    }

    To stretch the header, use this custom CSS:

    .is-singular .site-header {
    	position: relative; /* Remove this if you want the fixed header position. */
    	width: calc( 100% - 5rem );
    }

    Surely, adapt the code to you needs :)

    Tip: Try using your web browser code inspector to determine the CSS for your theme modifications.

    Best regards,

    Oliver Juhas
    WebMan Design

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.