Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Filtered page displays white/empty field


Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Also, do you want to fix these problems? Site URL: https://www.xn--ernringsrdgiver-plbk.no/ 1. (Tablet/Mobile-Overlay) Change to another logo? 2. (Overlay Menu) Change button color

Q1. 2. 3. Add to Design > Custom CSS /* change overlay logo */ body.header--menu-open .header-title-logo img { visibility: hidden; } body.header--menu-open .header-title-logo a { backgr

Posted Images

11 answers to this question

Recommended Posts

  • 1

Answered your message.

Code for other members

/* Footer top space */
.blog-basic-grid.collection-content-wrapper {
    padding-bottom: 0;
}

 

Link to post
  • 0

Also, do you want to fix these problems?

Site URL: https://www.xn--ernringsrdgiver-plbk.no/

1. (Tablet/Mobile-Overlay) Change to another logo?

ernaeringsradgiver.no-01.png

2. (Overlay Menu) Change button color?

ernaeringsradgiver.no-02.png

3. (Tablet-Homepage) Change to 2 items/row?

ernaeringsradgiver.no-03.png

4. (Tablet-Homepage) Change width?

ernaeringsradgiver.no-04.png

5. (Tablet-Footer) Change left text width?

ernaeringsradgiver.no-05.png

6. (Tablet-Ernaeringsradgivning) Change text width/size?

ernaeringsradgiver.no-06.png

7. (Tablet-Oppokrifter) Change to 3 items/row?

ernaeringsradgiver.no-08.png

8. (Tablet-Blog posts) Change content width?

ernaeringsradgiver.no-09.png

9. (Tablet-Priser) Change text width, reduce padding?

ernaeringsradgiver.no-10.png

Link to post
  • 0
21 hours ago, KristinaJ said:

Dear @tuanphan, it seems the code you suggested only made the white space/padding larger. Maybe I've misunderstood something?

I see no white space here?

image.thumb.png.ae558d73c739935a6986a1181eafad5a.png

Link to post
  • 0

It seems the white space is somehow only visible on 27" screen (even when scaling down the browser window), and not on 15" screen.

Also, I would love to get a solution for the tablet issues you found! 🙏

Thanks for all your help, @tuanphan

Link to post
  • 0
17 hours ago, KristinaJ said:

It seems the white space is somehow only visible on 27" screen (even when scaling down the browser window), and not on 15" screen.

Also, I would love to get a solution for the tablet issues you found! 🙏

Thanks for all your help, @tuanphan

Try adding to Design > Custom CSS

/* White field */
body.collection-type-blog-basic-grid.view-list {
	background: #3d4435;
}

With tablet, I will check after fixing white field problem

Link to post
  • 0
16 hours ago, KristinaJ said:

@tuanphanThank you, that solved the white field problem! Looking forward to your input on tablet issues.

Really appreciate your help!

Q1. 2. 3. Add to Design > Custom CSS

/* change overlay logo */
body.header--menu-open .header-title-logo img {
    visibility: hidden;
}
body.header--menu-open .header-title-logo a {
    background-image: url(https://cdn.pixabay.com/photo/2020/02/01/20/05/hummingbird-hawkmoth-4811285__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
/* Overlay menu button */
.header-menu-cta a {
    background: green !important;
    color: red !important;
}
/* Tablet */
@media screen and (max-width:991px) and (min-width:768px) {
/* 4 items to 2 items */
div#block-5e2dba9134b44d9e401d+.row .span-3 {
    width: 50%;
}
div#block-5e2dba9134b44d9e401d+.row .span-3:nth-child(2n+1) {
    clear: left;
}
}

Q4. Increase text boxes or collage box (image + text)?

Q5 - 9. I will check later

Link to post
  • 0
On 5/6/2021 at 2:28 AM, tuanphan said:

4. (Tablet-Homepage) Change width?

@tuanphan For the image collages I think the best solution would be to have same layout on tablet as mobile? 

Link to post
  • 0
On 5/11/2021 at 6:01 PM, KristinaJ said:

@tuanphan For the image collages I think the best solution would be to have same layout on tablet as mobile? 

Q7. It looks like you solved? I see 2 items/row here.

Q6, 8. Add to Design > Custom CSS

/* tablet issues */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="60817e5d3393365de384aa0f"] .content {
    width: 95% !important;
}
/* blog content width */
.blog-item-inner-wrapper {
    width: 100% !important;
}
}

If it works, let me know, we will check Question 9

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...