Non Full Width Blog Posts and Non Responsive (size constant) Welcome Area Title

  • dapering

    (@dapering)


    9 years ago

    Hello Moesia team
    Thank you for making the theme and supporting its users.
    I have 2 issues I would like to solve:

    a) Non Full Width Blog Posts and
    b)Non Responsive (size constant) Welcome Area Title

    On my site https://diegoperelman.com/

    a) for example: https://diegoperelman.com/2016/03/03/contour-lines/
    I would like the post to be full width. How can I do that?

    b) On the homepage, when I use a mobile device, the welcome title becomes too big and does not reduce its font to accommodate itself.
    Can you help?

    I have seen a thread about another user fixing this issue on their site: https://www.mabiblio.be/
    but its not showing how to fix the issue.

    Thank you
    Diego

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello @dapering,

    Looks like there is no option to display the single post in full width, and I think its better if you made some modification of the original code but make sure you change the code in the child theme. Here is the steps:
    1. create a child theme
    2. duplicate sidebar.php from the parent theme to the child theme
    3. open sidebar.php file and change this line:

    if ( ! is_active_sidebar( 'sidebar-1' ) ) {
	return;
}

    to:

    if ( ! is_active_sidebar( 'sidebar-1' ) ) {
	echo '<style>#primary{ width: 100%; }</style>';
	return;
}

    Let me know how it goes.

    then for your second question, you need to use media query for your custom css code, please try the css code below:

    @media screen and (max-width: 736px){
  .welcome-title {
    font-size: 120px;
  }
}

    Thread Starter dapering

    (@dapering)

    Hello @awanrmb
    Thank you for your answers.
    I have done as you proposed and had success for the first question, but I see no responsiveness added after including the custom code.
    Anything else we can try out?
    I am looking at this site that has the problem fixed but I cannot see how they did it
    https://www.mabiblio.be/
    Thank you
    Diego

    Hi,

    Hmm.. maybe you can try this:

    @media screen and (max-width: 736px){
  .welcome-title {
    font-size: 60px !important;
  }
}

    Thread Starter dapering

    (@dapering)

    Yes! that seemed to work
    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Non Full Width Blog Posts and Non Responsive (size constant) Welcome Area Title’ is closed to new replies.

Tags