Contz

Hi, removed those since I got no help here. thanks 

Any other solutions?

I took it off, as you can see from my screens, it moved things around weirdly

I haven’t added any code, it’s just CSS.

Any other help?

Solutions 2 and 3 seems ok, but they break the site as well. And comments count don't go on the right, but below.

7 minutes ago, Ziggy said:

Try this Custom CSS

.collection-type-blog article .post {
    display: flex;
    flex-direction: column;
}
.collection-type-blog article header {
    order: 1;
}
.collection-type-blog article .article-meta {
    order: 2;
}
.body .entry-content {
  order:3;
}

Unfortunately this breaks the site, as you can see here in the screen

Yes: https://gwtf.it

Hi, 

As you can see from the image, what CSS code do I need to move the comments icon and text from below, up close to the date. 

Thanks

1 hour ago, tuanphan said:

.sqs-search-page-notice {
    color: white !important;
    font-size: 20px !important;
}

Unfortunately, it doesn't change... 😞

On 7/14/2022 at 11:18 AM, tuanphan said:

Hi. Not possible with Personal Plan. You can consider hiding it, add a new text instead. However, with this method, it will not be possible to display the number. For example Comments (2), will only be able to display Comments [new language]

And, can't translate date/month

Thanks so much!

One last question, do you know why I can change the search output font and color when it doesn't find anything on my site? 

https://gwtf.it/search?q=Iphone Homescreen&f_collectionId=62c932157e4961711a8f62f3

I am using this: 

sqs-search-page-notice {
  color: #b4b4b4 !important;
  font-size: 20px !important;
}

But it stays black and with a different font 😞

4 hours ago, tuanphan said:

Your plan is personal or business or commerce?

personal

7 hours ago, tuanphan said:

Which template do you use? I need to test some code.

(Also, this will require a Business Plan or higher)

I'm using the "Native" template. I have a permanent free account since I won a contest with them 

7 hours ago, tuanphan said:

Use this new code

@media screen and (max-width:767px) {
nav.main-nav ul {
    display: block !important;
}
select#mobileSelect {
    display: none;
}
#navBlock nav:after {
    opacity: 0 !important;
    visibility: hidden !important;
}
/* nav font */
nav.main-nav * {
    font-size: 10px !important;
}
}

With arrow, I see you solved?

Yes! Super thanks so much for your support!

Do you know a way to change part of the text, like "July" or "Comments" in another language?

Since all the site is in Italian while those remained in English.

Thanks again!

9 minutes ago, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
nav.main-nav ul {
    display: block !important;
}
select#mobileSelect {
    display: none;
}
#navBlock nav:after {
    opacity: 0 !important;
    visibility: hidden !important;
}
}

 

Hi there! It worked! I do still see the "v" arrow for the nav bar tough. Is there a way to remove that?

Plus is there a way to reduce the nav font on mobile?

Thanks

Site URL: http://contino.squarespace.com

Hi there, 

I'm customizing my template, but I've noticed that on mobile the "native" template activates the Navigation bar which is something I don't want: 

I would like that on mobile the nav is displayed like this: 

Can you please help me in showing the nav menu like this? 

Thanks a lot

Andrea