Viewing 9 replies - 1 through 9 (of 9 total)
  • rohallah

    (@rohallah)

    I think this template is great and is fully responsive If you like send me your site Url I can tell you what is wrong whit your style
    if not, you try this way:
    go to style.css line 1839
    and remove all line to end (these line is for responsive design)

    finally save it
    1-remember backup your style.css for use in future!
    2remember the changes in style.css with updating the theme will remove!
    you can use child theme in this case
    good luck

    Thread Starter flodizzle

    (@flodizzle)

    Thanks very much!

    I agree that the theme is great. I am just having issues with the responsive design using my child-theme.
    https://www.praxisundkultur.uni-kiel.de/wordpress

    rohallah

    (@rohallah)

    Hi again
    In line 22 of your style.css in theme folder comment the width property
    your theme will be correct!

    .wrapper {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }

    change to this

    .wrapper {
        /*width: 1000px;*/
        margin-left: auto;
        margin-right: auto;
    }

    your responsive will be ok in result of this
    also I offer you to remove the image background for better display
    try the code and tell me it works or not
    good luck;

    Thread Starter flodizzle

    (@flodizzle)

    Hey, that’s very kind of you! My boss wants me to have the blog look exactly like this, with the university header and the blue background. That’s why I had to set .wrapper to 1000px (which is the width of the header). If i remove this, it looks even worse. I suppose, I will just have to deactivate the responsive query.

    In order to do that, I have to remove everything from line 1839 to the end, right? Is there a way I can make these changes in my child-theme style.css?

    Sorry, I’m a total beginner in php/css ??

    rohallah

    (@rohallah)

    No
    in style.css line 1890 add this code
    margin-top: -3rem;

    I think it would be better to change
    logo style in line 1868 to this

    .header-logo {
       /* max-width: 7.14286rem;*/
        margin-left: 1rem;
    }

    rohallah

    (@rohallah)

    hi @flodizzle,you ‘d better not removing responsive style from your style
    in return, you can define your header and image in 2 or 4 size
    when the site shows in mobile device the size and image adopts with it,
    I ‘ll be back soon to solve your problem,Don’t worry

    Thread Starter flodizzle

    (@flodizzle)

    Hi rohallah,
    I tried the changes in line 1890 and 1858 but it won’t work..
    changing the header size to several smaller ones sounds quite sophisticated. I’m not sure if this is a good idea ??

    rohallah

    (@rohallah)

    I’m starting to write an article about child theme
    maybe I can help you solve the problem tommarow
    a person paid me some money to write articles for him.
    I ‘ll be back soon to help you ,by tommarow you’d better study about responsivity in css and bootstrap

    rohallah

    (@rohallah)

    HI AGAIN
    I’m here to help you .
    In responsive you have some bugs
    you should use responsive style in your site.removing responsive style from your css is a wrong way
    in return you should correct your style to be good in any screen size

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Turn off responsiveness?’ is closed to new replies.