BalazsTU

Yes, that’s about it.
Thank you, Tomas.

Uh, I didn’t realize I actually have to write something in the text widget to make it appear.
That worked guys, thanks very much again.

Regards,
Balazs

That worked. Thank you very much, Tomas ??

Kind Regards,
Balazs

Yep, I’ve already tried that and tried it again now, it doesn’t work. I’ve also put it in theme options->other options->custom css
no joy ??

Regards,
Balazs

Sorry Tomas, I need bit more help.
The header is working fine now but those fixes have probably screwed up something else as the sidebar is not working again ??
It is now have a fixed width of 300px but what I wanted was that when the screen width is less then 1012px the sidebar would become responsive and have a width of 100%. So what I added a was this:

#sidebar {
width: 300px !important;
}
.sidebar-widget {
width: 100% !important;
}
@media screen and (max-width: 1012px) {
#sidebar {
width: 100% !important;
}
}

And it worked fine until I did those fixes today. I’m not sure if the value 100% overwrites the 300px but I have no idea what to add instead. Could you advise, please?
Thank you.

Regards,
Balazs

It works perfectly. Thank you, Tomas.

Regards,
Balazs

I had to add loads of brackets and delete a space before @charset. It’s working now but only above 1012px site width. It doesn’t work below that ??

Ah, there is progress! But it only works between 800 and 1012px. I tried adding this but it didn’t help:
@media screen and (min-width: 1012px) {
html #wrapper .site-title {position: absolute !important; top: 0px !important; left: 0px !important;}
}

Also, I changed the top to bottom so the title would be at the bottom of the logo but that didn’t either, although it worked before.

Unfortunately this doesn’t do anything.
I managed to move the title to where I wanted by adding the title to this:

@media screen and (max-width: 1170px) {
#wrapper .entry-content,
#wrapper .entry-headline-wrapper,
#wrapper .post-entry,
#wrapper .entry-headline-wrapper {
width: 100% !important;
}
}
#wrapper .site-title {position: absolute; top: 0px; left: 0px;}
}

But then it resets the with of my website to the original 1170px which I don’t wan’t.
So I also added the title to this:

#main-content,
#footer,
.footer-signature-content,
.header-content,
.top-navigation,
.menu-box,
.site-title {
width: 975px !important;
}

I hoped this would keep my site 975px wide but it didn’t work.

Ah, that worked. Thanks. I think I kind of did the same before but it didn’t work for some reason. Maybe because I left some empty lines.
Now the title appears above the logo. Is there any way of showing it on top of the logo, just like the searchbox? So the logo would act like a background image behind the title. https://balazstudlik.com/

If I understand it correctly I should delete these two lines:
<?php if ( $songwriter_options_db[‘songwriter_logo_url’] == ” ) { ?>
<?php } else { ?>
Is that right? That’s what I tried and the whole site turned blank white, not showing anything.

solved it. thx

Yeeeeah! Pasting the code into “Theme Options > Other Settings > Custom CSS” solved it.
Adding #wrapper didn’t work but it’s just perfect now.
Thank you very much again!

Regards,
Balazs

No, sorry, it’s not that. Everything under @media screen and (max-width: 1012px) works just fine. If I put that extra bracket there it totally messes up the layout.
This is the part that doesn’t work on mobile:

.wysija-submit{
background-color: red !important;
font-size: 22px !important;
}

.widget_sb_tabbed_widget ul.sb_tabs li a.tab-current {
background: #437BD0;
color: #333333;
}

.widget_sb_tabbed_widget ul.sb_tabs li a {
background: #ffffff;
-moz-box-shadow: inset 0 0 0px;
-webkit-box-shadow: inset 0 0 0px;
box-shadow: inset 0 0 0px;
color: #333333;
font-size: 18px;
font-family: Oswald, sans-serif;
}

Thanks, I think I tried this code yesterday and didn’t work.
My site is balazstudlik.com
And this shows which buttons use the wrong colours on mobile:
https://s24.postimg.org/y6npo4zz9/image.jpg
The colours in the image are correct. But on mobile, the buttons use their default colours.

Regards,
Balazs