Could you please tell me how to customize the header as on the mobile version?
The problem is that when I customize the header on the desktop, the header changes in the mobile version
Topic summary
Problem: The user wants to customize the desktop header without altering the mobile header; current changes applied on desktop also affect mobile.
Key points:
- Some theme settings are global and will impact both desktop and mobile.
- Certain themes (example cited: Crave) provide separate, device-specific header settings for desktop and mobile. These should be configured independently.
- For elements without device-specific options, Custom CSS can be used to target only desktop or only mobile.
Guidance provided:
- Identify which header settings are device-specific in the chosen theme and set desktop vs. mobile separately.
- Recognize that other settings are shared and will update both views simultaneously.
- Use the theme’s Custom CSS area to implement device-targeted adjustments when needed.
Artifacts:
- Multiple screenshots are included, illustrating where to find desktop/mobile header settings in the Crave theme and where to add Custom CSS. These visuals are central to applying the guidance.
Status/outcome:
- Practical steps were suggested, but no confirmation of resolution from the original poster. The discussion remains open pending user feedback.
Hi @AntonysaleBK ,
You need to understand that there are settings that will change the header on both desktop and mobile. Depending on the theme you use, there will be specific settings for desktop and mobile. For example with the Crave theme
You will need to define desktop-specific settings and mobile-specific settings
With other settings, you can understand that they will change the header on both desktop and mobile
If you want to make changes specifically for desktop or mobile, you will need to add Custom CSS
Hope my answer helps you.