News:

Wondering if this will always be free?  See why free is better.

Main Menu

feather

Started by Mick., October 03, 2021, 07:02:52 PM

Previous topic - Next topic

Mike66

Thanks Mick, but I think I should have said the 'side block'?

I would like to try the block directly under the main menu, like it is in mobile view.

Hope that makes sense.

Mick.

Quote from: Mike66 on November 02, 2021, 06:02:11 PMThanks Mick, but I think I should have said the 'side block'?

I would like to try the block directly under the main menu, like it is in mobile view.

Hope that makes sense.
So you want the menu sidebar to be centered under the main menu? That's going to take me some time to figure out since that's my first and only theme that has a sidebar menu. I'll get back to you.

Mike66

Quote from: Mick. on November 02, 2021, 06:05:18 PM
Quote from: Mike66 on November 02, 2021, 06:02:11 PMThanks Mick, but I think I should have said the 'side block'?

I would like to try the block directly under the main menu, like it is in mobile view.

Hope that makes sense.
So you want the menu sidebar to be centered under the main menu? That's going to take me some time to figure out since that's my first and only theme that has a sidebar menu. I'll get back to you.

Please don't spend your time on this Mick, it's great the way it is!
I was just playing with the idea in my head.

Cheers
Mike

Mike66

And the more I play with the theme the more I like the sidebar menu: If we ever meet - give me a good kicking Mick  ;D

Mick.

Quote from: Mike66 on November 04, 2021, 03:41:32 PMAnd the more I play with the theme the more I like the sidebar menu: If we ever meet - give me a good kicking Mick  ;D
Ha!  ;)

Mike66

Hi Mick

Any ideas of how I could move the position of the logo image to the center of the header?

Mine is 800 x 130.

Mick.

Quote from: Mike66 on November 09, 2021, 08:35:45 PMHi Mick

Any ideas of how I could move the position of the logo image to the center of the header?

Mine is 800 x 130.
I'll get back to you on this later this afternoon. It's a bit tricky and need a minute to figure it out.

Mick.

@Mike66 If you're centering the logo, What are you doing with the menu on the right? What about the left side of the the logo after centered?

Mike66

Hi Mick

I wasn't going to use the menu on the right, or put anything else up there.

But on second thoughts, to keep things simple and save you time playing about with it, I'll drop the logo down to where you normally put the hero image  ;)

Cheers
Mike

Mick.

@Mike66
With the tops links turned off (empty), open index.css file and find:

Should look something like this...
#header {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 5px;
position: relative;
border-radius: 20px 20px 0 0;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background-image: linear-gradient(to bottom, #d0ebff, #e0efff, #edf3ff, #f8f9ff, #ffffff);
}

Replace with:
#header {
padding: 0 5px;
display: flex;
align-items: flex-end;
border-radius: 20px 20px 0 0;
background-color: #fff;
background-image: linear-gradient(to bottom, #d0ebff, #e0efff, #edf3ff, #f8f9ff, #ffffff);
}
#header::after {
content: "";
display: block;
clear: both;
}

Find: h1.forumtitle and add text-align: center; to it.


Mike66

Thanks Mick

It's not moving  ;D  and I am hard refreshing after the changes and trying different browsers.

But don't worry, it's not important.

Cheers
Mike

landyvlad

I have feather installed on the site I'm building here:  https://www.ytyak.com

Have you done any updates to the theme since this example?

Not also that the feature image is cut off a bit, whereas it used to be fully visible.
(Looks as if its zoomed within the frame cutting some off)

I haven't made any manual changes but I think this happened when I reinstalled the theme following an update you made to the theme. Any ideas?

Thanks mate.
"Put as much effort into your question as you'd expect someone to give in an answer"

Please do not PM, IM or Email me with questions on astrophysics or theology.  You will get better and faster responses by asking homeless people in the street. Thank you.

Be the person your dog thinks you are.

Mick.

Where is cut off? Can't see it with Firefox and Chrome

You cannot view this attachment.

landyvlad

Oh THAT is odd. On my computer it doesn't show that whole create something great image.

I'll do some checking when I am on my own computer again maybe its a specific browser issue, though I do use Chrome at home... hmm.

Thanks mate.
"Put as much effort into your question as you'd expect someone to give in an answer"

Please do not PM, IM or Email me with questions on astrophysics or theology.  You will get better and faster responses by asking homeless people in the street. Thank you.

Be the person your dog thinks you are.

Mike66

It's a great theme to customise Mick  8)

I've been playing with it  :)

Mick.

Quote from: Mike66 on November 14, 2021, 05:46:47 AMIt's a great theme to customise Mick  8)

I've been playing with it  :)
Nice!

If ya want to play with background gradients, I use this tool. https://mycolor.space/gradient

Mike66

Hi Mick

I'm getting images overflowing on mobile devices in SMF Gallery Pro view, but they are fine in posts etc.

A strange one - Any suggestions?

Cheers
Mike

Mick.

@Mike66
Does the gallery image overflows in default theme?

Mike66

Quote from: Mick. on November 16, 2021, 06:36:06 AM@Mike66
Does the gallery image overflows in default theme?

Good point .... Yes it does!

Mick.

Quote from: Mike66 on November 16, 2021, 06:42:47 AM
Quote from: Mick. on November 16, 2021, 06:36:06 AM@Mike66
Does the gallery image overflows in default theme?

Good point .... Yes it does!
I asked that because I noticed something similar with the "Downloads" mod by vbgamer. I'll download the mod and test it out on my end but I'm at work atm. Tonight I'll test.

Advertisement: