offcoursewanderess

Hi Fotis,

thank you for your reply. It still does not work quite as planned but I will make use of the support mail.

Thank you very much for your time. I resolved the other things I wanted.

Kind regards,
Marketa

P.S. I guess it is not possible to have the social icons aligned on the same level as the navigation?

Hi Fotis,

the grey line disappeared so that is great, many thanks.

For the social icons I had to adjust it to the following:

header .site-tools {
display: block;
position: absolute;
right: 0;
left: 0;
width: 100%;
top: 10px;
text-align: right;
}

header .site-tools li {
float: none;
display: inline-block;
}

BUT: Now the social icons “jump” in the top right corner, when you scroll down the page and when the sticky menu appears.

Any advice?

Cheers,
Marketa

Hi Fotis,

I have a plugin called My private Site that I deactivated now so you should be able to see it, still in progress content-wise ?? Just want to get the set up right before that..

https://offcoursewanderess.com

Cheers,
Marketa

Used the wrong CSS, this one will do the job ??

.single .sidebar{
display:none;
}

Not solved, sorry..

I fI use the suggested shortcut. It does solve it for the laptop view, but if I check the view on tablet and mobile phone the sidebar still appears under the singe post.

That is, even when I add CSS :

.slide .slide-content{
display:none;
}

Cheers,
Marketa

Awesome thanks again !

Hello Nik,

works well, but as implied it distorted the image.

I tried to change the width to 80% that would actually make the picture quite alright for my purposes. But two things that changed.

1. Single post site content is not CENTERED.

2. The TEXT that is below the picture is not aligned with the edges of the picture.

See here: https://offcoursewanderess.com/24-hours-in-prague/

Any chance this could be fixed? ??

Thanks,
Marketa

Hi there,

unfortunately this does to make a difference, but I realised that if I se tup my page in siteorigin, that the picture gets sharp.

So basically for me for now problem solved.

Thanks though!

Cheers,
Marketa

Hi Fotis,

absolutely perfect.. THANK YOU SOOOO MUCH!

It worked absolutely great. Thanks for your patience and all the coding advice!

I am tagging my question as resolved and I sure would like to review you guys somewhere?

I do highly appreciate, that you work over public holidays.. enjoy Easter!

Cheers from Sch?nried – Switzerland.

Marketa

Hi there,

I am either not tech-savvy or I really don’t know how to explain things.. ?? and sorry I am not a native speaker, maybe I use wrong wording.

1. I meant the grey line at the VERY TOP of all my pages, the one going through the social media icons (ABOVE header menu (Home, About, Blog, Desitnations, Topis, Contact)). That one and only I wanted to delete.

2. I had the following set up for my post page to make it stretch 100%

.single-post #site-content > .row > .col-md-8 {
width: 100%;
margin: auto;
float: none;

}

but then the side widgets moved BELOW the whole single post PAGE. I wanted to ask if there is any CSS that could make the widgets “disappear” FOR GOOD? ??

Cheers,
Marketa

It copy pastes the wrong link – the page I mean is under BLOG and then when you click on CONTINUE READING in the slider content box to click the single post open to read the whole text..

Hi Fotis,

the code creates a line below the header menu but first of all the line is in black colour and second of all not in the same height like the grey line before. Never mind ?? I keep it without them.

BUT please any chance to DELETE or DEFAULT the widget sidebar under the single post on page ->

https://offcoursewanderess.com/wp-admin/customize.php?url=http%3A%2F%2Foffcoursewanderess.com%2Fcontact%2F.

as stated under 9.in my last comment?

Sorry to be such a pain.

Thanks !

1.I will put the logo on my hero image on the landing page not in the header menu. So that one is solved thank you ??

2.Solved thanks

3.solved thanks

4.Solved with google fonts plugin

5.Worked thanks, therefore solved.

6.Solved thanks.

7.Solved partially:

I would like to ONLY remove the grey line above the header menu. If I paste:

.site-bar{
border:none;
}

Both of the grey lines above and below header menu will disappear.

8. solved thanks.

9.The page I was talking about was this one:
https://offcoursewanderess.com/24-hours-in-prague/
I would like to delete the side widgets that are now showing below the post.

Thanks in advance,
Marketa

Hi Fotis,

thank you for your quick response. I have been reading through everything carefully and I am afraid I understood not all so I am going through all topics again ??

1.
I am not sure what maintenance plugin you are talking about. I don’t think I had one installed.. but I had My Private Site plugin installed to have my site offline since I am not done with content etc. which is now deactivated. Also I defaulted some of the Olsen theme to be able to “design” my landing page with Site Origin.

2.and 3.
I added the logo css, but now I have a grey line above and under the header navigation. Ideally, I would like the grey line divider below the header navigation only the one above removed. And then also, the header navigation to be centered within the space from top of screen to grey line divider.

The social icons I now have within one line of the header navigation, but I would prefer to have them above the navigation without any grey line divider.

4.
With the header navigation to be full width I managed more or less the way I want based on some tips from the forum. I didn’t mean to stretch the whole blog in full width since I realised it would mean bigger pictures for the blog page etc.

5.
I applied your css for the hover colour to be changed in sub-menu items, but it showed about 15 errors so it didn’t work. Maybe I am making a mess here with other css that I applied?

6.
I applied the css but again it didn’t work I think cause other css overlap?

I might keep the footer navigation (disclaimer, private policy, etc.) maybe, but in case I want to default it is there any other way – (without defaulting instagram feed widget and copyright footer) ?

I would like to try out how the landing page would look without the instagram feed widget in footer.

7.
The grey lines that I would like to remove now are the one described in 2.and 3.

also

Some pages seem to have a double grey line in footer area ABOVE the instagram feed widget (e.g. About, Contact, all of the footer navigation pages). I would like to remove that to one grey line.

8.
Newly I discovered that all footer navigation pages have an extra space after the copyright footer part. I would like to remove that.

9.
the sidebar widgets I would like to KEEP only on the following pages:

– BLOG page
– Category pages (sub-categories of destinations, page topics and its sub-categories)
– Page that clicks open when I go to individual post with full text – currently not working here, sidebar is below full post.

All my additional CSS are as following:

.site-logo{
padding:0;
}

.site-bar .nav{
float: none;
width: 100%;
}

.site-bar.group{
text-align: center;
}
.nav ul{
display: inline-block;
}

.entry-featured img{
width:100%;
}

.single-post #site-content > .row > .col-md-8 {
width: 100%;
margin: auto;
float: none;
}

.entry-utils .socials,
.single .entry-utils .socials,
.page .entry-utils .socials {
display: none;
}

.slide .slide-content {
background: rgba(255, 255, 255, 0.6);
padding:20px;

}

.page-template .col-md-8.col-md-offset-2 {
margin: 0;
width: 100%;
}

header .site-tools {
width: 35%;
position: absolute;
top: 35px;
right: 13px;
}

@media(max-width:768px) {
header .site-tools {
position: relative;
margin: 0;
top: -10px;
left: 0;
right: 0;
}

.socials li a i {
font-size: 12px
}
}

Thanks again for your insight and time,
Marketa