awanrmb

Hi,

Here is to change the colour of the back-to-top button.

a.go-top {
    background-color: yellow;
    color: blue;
}
a.go-top:hover {
    background-color: white;
    border: 1px solid yellow;
    color: yellow;
}

Add the code to Customize > additional CSS.

Regards,

Hi,

You can change the menu text colour using this code:

.main-navigation a {
    color: grey;
}

Put the code into Customize > additional CSS.

Best,

Hi,

Can we continue to discuss this in https://forums.athemes.com?
Also, can you please to create a temporary login account to your site and let me try to fix directly your issue?

please send a private message to my account @awan

Hi,

Looks like the issue was caused by your custom CSS code:

#pg-443-0, #pg-443-1, #pg-443-2, #pg-443-3, #pl-443 .so-panel {
    margin-bottom: -10px;
}
#pg-443-0> .panel-row-style {
    margin-top: -240px !important;
}
#pg-443-1> .panel-row-style, #pg-443-3> .panel-row-style {
    margin-top: -220px !important;
}
#pg-443-2> .panel-row-style {
    margin-top: -120px !important;
}

You need to remove them and set the space form the page builder (Edit widget > Edit row > widget styles > Layout > Padding) instead. https://prntscr.com/nvabpc

And then, add this CSS code below to manage the space at the top of the page:

.page-id-443 .sydney-hero-area {
    display: none;
}
.page-id-443 .page-wrap {
    padding-top: 50px;
}

Hi,

You need to remove the logo image from Customize > Site title/tagline/logo.
When the logo image removed, it will automatically display the site title.

Hi,

I noticed that you are using “Front Page Template” for that page.
Can you change it to use the “Full-Width Template” instead?

Hi,

The demo content is not included in the theme folder. To use the demo content, please follow these instruction https://docs.athemes.com/article/136-quick-start-guide-astrid

Hi,

Did you mean the oldest and the newest post? If yes, you can hide it using CSS code below:

.site-content [class*="navigation"] {
    display: none;
}

Add the code to Customize > Additional CSS

Hi,

You can try this custom CSS code below

@media screen and (max-width: 991px){
  .has-banner .main-navigation {
    background-color: #010054;
  }
  .main-navigation a {
    color: white;
  }
}

Add the code to Customize > additional CSS

Hi,

Can you share your site URL here?

Hi,

Can you share your site URL here?

HI there,

I noticed you have set this CSS code:

@media only screen and (min-width: 1025px){
header#masthead>div.container {
    width: 80%;
}
}

Have you tried to expand the width to 100%?

If its still not working, maybe you need to add the !important rule to the code like this:

@media only screen and (min-width: 1025px){
header#masthead>div.container {
    width: 100% !important;
}
}

Hi,

You can try to set the Slider text empty if you don’t want to have a text in the slider. Or if it’s not working, you can hide it using this CSS code below:

.slide-item.slide-item-2 .text-slider {
    display: none;
}

Put the code to Customize > additional CSS.

Hi there,

Here is the CSS code to hide the portfolio filter:

ul.project-filter {
    display: none;
}

Here you go: #800080